<template>
  <div>
    <el-form-item label="背景色">
      <el-input v-model="optionModel.contentBackgroundColor" clearable placeholder="背景色" size="small"
                class="border-width border-color">
        <template #append>
          <el-color-picker
            size="small"
            v-model="optionModel.contentBackgroundColor"
            :predefine="predefineColors">
          </el-color-picker>
        </template>
      </el-input>
    </el-form-item>
  </div>
</template>

<script>
  import i18n from "@/utils/i18n"

  export default {
    name: "contentBackgroundColor-editor",
    mixins: [i18n],
    props: {
      designer: Object,
      selectedWidget: Object,
      optionModel: Object,
    },
    data(){
      return {
        predefineColors: [
          '#000000',
          '#ff0000',
          '#ff8c00',
          '#ffd700',
          '#90ee90',
          '#00ced1',
          '#1e90ff',
          '#c71585',
          '#c7158577'
        ],
      }
    },
  }
</script>

<style scoped>

</style>
